function hj(ClassName, lei1, lei2, lei3) {
    let Ul = document.getElementsByClassName(ClassName);
    for (let i = 0; i < Ul.length; i++) {
        Ul[i].onclick = function () {
            if (Ul[i].classList[2] == lei1) {
                for (let j = 0; j < Ul.length; j++) {
                    if (Ul[j].classList[2] == lei1) {
                        Ul[j].classList.remove(lei1);
                        Ul[j].classList.add(lei2);
                    }
                    else if (Ul[j].classList[2] == lei2) {
                        Ul[j].classList.remove(lei2);
                        Ul[j].classList.add(lei3);
                    }
                    else if (Ul[j].classList[2] == lei3) {
                        Ul[j].classList.remove(lei3);
                        Ul[j].classList.add(lei1);
                    }
                }
            }
            else if (Ul[i].classList[2] == lei3) {
                for (let j = 0; j < Ul.length; j++) {
                    if (Ul[j].classList[2] == lei1) {
                        Ul[j].classList.remove(lei1);
                        Ul[j].classList.add(lei3);
                    }
                    else if (Ul[j].classList[2] == lei2) {
                        Ul[j].classList.remove(lei2);
                        Ul[j].classList.add(lei1);
                    }
                    else if (Ul[j].classList[2] == lei3) {
                        Ul[j].classList.remove(lei3);
                        Ul[j].classList.add(lei2);
                    }
                }
            }
        }
    }
}

$(function () {
    $.ajax({
        url: "http://www.shouziliu.com/qiuzhen/package/",
        //
        type: "GET",
        success: function (td) {

            // console.log(td);
            // console.log(td.doogs);
            $.each(td.doogs, function (index, leng) {
                // console.log(leng.img);
                $(`        <div class="ts">
                                <p class="p-p">  ${leng.name}  </p>
                                     <div class="cant-img">
                                         <img src=" ${leng.img}">
                                    </div>
                                </div>
                     `)
                    .appendTo(".cant");
            });
        }
    });
})
$(function () {
    $.ajax({
        url: "tsconfig.json",
        // data:"ID=${ID}",
        type: "GET",
        success: (function (jon) {
            // console.log(location.search);
            let arr=location.search
                let aa=arr.substr(4)

            // console.log(jon);

            $.each(jon.qxy, function (index,len) {
                // console.log(len.ID);


                // console.log(len.img);
                if (len.ID==aa){

                    $(`
                   <div style="text-align: center">
                    <h1>${len.tou}</h1>
                <div><img src=" ${len.bq}"></div> 
                 <div style="padding: 5% 0"><img class="imgg" src=" ${len.img}"></div>
            </div>
                
                <p class="wenzi" style="text-indent:40px;padding-bottom: 10%">${len.cant}</p>
                
                 `)
                        .appendTo(".box")
                }
            })
        })
    })
})





